﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <title>Calculator</title>
    <link rel="stylesheet" type="text/css" href="Styles.css" />
    <script type="text/javascript" src="Logic.js"></script>
</head>
<body>
    <form>
        <table>
            <tr>
                <td colspan="4">
                    <input type="text" placeholder="0" disabled="disabled" id="textBox"/>
                </td>
            </tr>
            <tr>
                <td><input type="button" value="1" onclick="addToTextBox('1')" /></td>
                <td><input type="button" value="2" onclick="addToTextBox('2')" /></td>
                <td><input type="button" value="3" onclick="addToTextBox('3')" /></td>
                <td><input type="button" value="+" onclick="addToTextBox('+')" /></td>
            </tr>
            <tr>
                <td><input type="button" value="4" onclick="addToTextBox('4')" /></td>
                <td><input type="button" value="5" onclick="addToTextBox('5')" /></td>
                <td><input type="button" value="6" onclick="addToTextBox('6')" /></td>
                <td><input type="button" value="-" onclick="addToTextBox('-')" /></td>
            </tr>
            <tr>
                <td><input type="button" value="7" onclick="addToTextBox('7')" /></td>
                <td><input type="button" value="8" onclick="addToTextBox('8')" /></td>
                <td><input type="button" value="9" onclick="addToTextBox('9')" /></td>
                <td><input type="button" value="*" onclick="addToTextBox('*')" /></td>
            </tr>
            <tr>
                <td colspan="2"><input type="button" value="0" onclick="addToTextBox('0')" /></td>
                <td><input type="button" value="." onclick="addToTextBox('.')" /></td>
                <td><input type="button" value="/" onclick="addToTextBox('/')" /></td>
            </tr>
            <tr>
                <td colspan="2"><input type="button" value="C" onclick="addToTextBox('BS')" /></td>
                <td colspan="2"><input type="button" value="=" onclick="addToTextBox('=')" /></td>
            </tr>
        </table>
    </form>
</body>
</html>
